<template>
	<view>
		<view class="cu-list menu">
			<view class="cu-item arrow">
				<view class="action text-xl text-black text-bold">
					行政审批局
				</view>
				<view class="action">
					<text class="text-grey text">更多业务</text>
				</view>
			</view>
		</view>
		
		<view class="cu-list grid col-3 margin-lr">
			<view class="bg-yellow flex align-center radius justify-center">
				<text class="conten text-white text-sm padding">
					企业注销、变更
				</text>
			</view>
			<view class="bg-green flex align-center justify-center radius">
				<text class="action text-white text-sm padding">
					企业设立登记
				</text>
			</view>
			<view class="bg-blue flex align-center justify-center radius">
				<text class="action text-white text-sm padding">
					房产交易联办
				</text>
			</view>
		</view>
		
		<view class="cu-list menu">
			<view class="cu-item arrow">
				<view class="action text-xl text-black text-bold">
					发展改革局
				</view>
				<view class="action">
					<text class="text-grey text">更多业务</text>
				</view>
			</view>
		</view>
		
		<view class="cu-list grid col-3 margin-lr">
			<view class="bg-yellow flex align-center radius justify-center">
				<text class="conten text-white text-sm padding">
					工业企业技术改造备案
				</text>
			</view>
			<view class="bg-green flex align-center justify-center radius">
				<text class="action text-white text-sm padding">
					节能投诉举报
				</text>
			</view>
			<view class="bg-blue flex align-center justify-center radius">
				<text class="action text-white text-sm padding">
					节能技术普及推广
				</text>
			</view>
		</view>
		
		<view class="cu-list menu">
			<view class="cu-item arrow">
				<view class="action text-xl text-black text-bold">
					税务局
				</view>
				<view class="action">
					<text class="text-grey text">更多业务</text>
				</view>
			</view>
		</view>
		
		<view class="cu-list grid col-3 margin-lr">
			<view class="bg-yellow flex align-center radius justify-center">
				<text class="conten text-white text-sm padding">
					土地增值税申报
				</text>
			</view>
			<view class="bg-green flex align-center justify-center radius">
				<text class="action text-white text-sm padding">
					纳税信用补平
				</text>
			</view>
			<view class="bg-blue flex align-center justify-center radius">
				<text class="action text-white text-sm padding">
					申报享受税收减免
				</text>
			</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
	page {
		background-color: white;
	}
	.cu-list.menu>.cu-item.arrow {
	    padding-right: 65rpx;
	}
	.cu-list+.cu-list {
	    margin-top: 0px;
	}
	.grid.col-3>uni-view {
	    width: 32%;
		height: 180rpx;
	}
	.grid {
		justify-content: space-between;
	}
	text {
		text-align: left;
	}
</style>
